<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <base href="http://localhost:8080/fan/">
    <meta charset="UTF-8">
    <title>店铺详情</title>
    <link rel="icon" href="https://zhangxu-1023.oss-cn-nanjing.aliyuncs.com/images/logo/minilogo.png">
    <link rel="stylesheet" href="layui/css/layui.css">
    <script src="js/jquery.js"></script>
    <link rel="stylesheet" href="css/details/details_shop.css">
    <link rel="stylesheet" href="css/details/details_header.css">
</head>
<body>
<div class="header">
    <div class="top-nav ">
        <div class="layui-main top-main layui-row">
            <div class="layui-col-xs4">
                <span>&nbsp</span>
            </div>
            <div class="layui-col-xs4">
                <span>&nbsp</span>
            </div>
            <div class="layui-col-xs4">
                <ul class="layui-nav" lay-filter="">
                    <li class="layui-nav-item" ><a href="customer/user_details" class="title" th:text="${cusName}">登录/注册</a></li>
                    <li class="layui-nav-item" ><a href="#" class="title">帮助中心</a></li>
                    <li class="layui-nav-item">
                        <a href="javascript:;" class="title">我的饭团</a>
                        <dl class="layui-nav-child"> <!-- 二级菜单 -->
                            <dd><a href="customer/getAllOrder?status=3&pageNum=1">订单中心</a></dd>
                            <dd><a href="customer/getAllCoupon?status=1&pageNum=1">我的优惠券</a></dd>
                            <dd><a href="customer/getShopCollect">我的收藏</a></dd>
                        </dl>
                    </li>

                </ul>
            </div>
        </div>
    </div>
    <div class="layui-row header-tip">
        <!--      logo      -->
        <div class="layui-col-xs3 logo-input">
            <a href="shop/shopsift/1" title="饭团网" class="logo-img">
                <img src="https://zhangxu-1023.oss-cn-nanjing.aliyuncs.com/images/logo/mylogo.png"  width="200" height="72">
            </a>
        </div>
        <!--    搜索    -->
        <div class="layui-col-xs6 search-box">
            <form class="layui-form layui-form-pane" action="">
                <div class="layui-form-item searchbox-input">
                    <div class="layui-input-block" style="margin-left: 10px">
                        <input style="border: 2px solid rgb(255,107,55);width: 80%;display: block;float: left" type="text" name="title" autocomplete="off"
                               placeholder="点此进入美食猩球" class="layui-input" id="es_input">
                        <div class="layui-btn-container" style="display: block;float: left">
                            <button type="button" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger search-btn" id="es_btn">去觅食</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
    <div class="cover"></div>
    <div class="layui-main test">
        <!--                   店家 信息                      -->
        <div class="shop-info">
            <input type="hidden" th:value="${shop.shopId}" id="collect">
            <div th:if="${conllectionStatus}"><span class="collect-info">已收藏</span><a href="javascript:" class="collect" title="已收藏"><i></i></a></div>
            <div th:unless="${conllectionStatus}"><span class="collect-info">收藏</span><a href="javascript:" class="collect" title="收藏"><i></i></a></div>
            <h1 th:text="${shop.shopName}">青鹤谷(苏州店)</h1>
            <div class="score">
                <label class="score-img"><i></i><i></i><i></i><i></i><i></i></label>
                <label class="score-num" th:text="${shop.shopScore}">5</label><label>分</label>
                <label class="pl">1234<span>条评论</span></label>
            </div>
            <p>地址:<a href="javascript:void(0)" class="dingwei"><span th:text="${shop.shopAddressDetail}">李公堤三期21幢(近金鸡湖景区)</span><i class="location"></i></a></p>
            <p>电话:<span th:text="${shop.shopTelno}">0521-67635689</span></p>
            <p>营业时间:<span th:text="${shop.shopOpenTime}+' - '+${shop.shopCloseTime}">周一至周五 11:30-14:00 16:30-21:00 周六,周日 11:30-21:00</span></p>

        </div>
        <!--                  店家图片 轮播                   -->
        <div class="shop-img">
            <div class="layui-carousel" id="test3" lay-filter="test4">
                <div carousel-item="">
                  <div><img th:src="${shop.shopMainImg}" ></div>
                  <div th:each="shopimg:${shopimgs}"><img th:src="${shopimg.shopImgPath}" ></div>
                </div>
              </div>
        </div>
        <!--                     优惠券                         -->
        <div class="set-coupon" th:if="${not #lists.isEmpty(couponList)}">
            <h1>限时领券</h1>
            <hr class="layui-border-red">
            <div class="set-coupon-list">
                <ul>
                    <li th:each="cou:${couponList}" class="layui-col-xs6 coupon-item">
                        <form class="coupon-get-card">
                            <input type="hidden" name="coupon-cusId" th:value="${cou.couponId}">
                            <input type="hidden" name="coupon-cusId" th:value="${cusId}">
                            <input type="hidden" name="coupon-shopId" th:value="${shop.shopId}">
                            <div class="coupon coupon-wave-left coupon-yellow">
                                <div class="coupon-info coupon-hole coupon-info-right-dashed">
                                    <div class="coupon-price" th:text="'¥'+${cou.couponPrice}">5.00</div>
                                    <div class="coupon-desc" th:text="${cou.couponPrice}+'元'+${cou.couponDetail}"></div>
                                    <div class="coupon-expiry-date" th:text="'有效期:自领取后'+${cou.couponValidDays}+'日内有效'"></div>
                                </div>
                                <div class="coupon-get">立即领取</div>
                            </div>
                        </form>
                    </li>
                </ul>
            </div>
        </div>
        <!--                   推荐 菜品                      -->
        <div class="dishesli-recommend">
            <ul>
                <h1>推荐菜品</h1>
                <li th:each="sellfood:${sellfoods}">
                    <a th:href="'http://localhost:8080/fan/shop/'+${sellfood.shopId}+'/'+ ${sellfood.foodId} + '/1'">
                        <img th:src="${sellfood.foodMainImg}" >
                        <p th:text="${sellfood.foodName}">清蒸白鱼</p>
                        <p th:text="${sellfood.foodDetail}">清蒸白鱼清蒸白鱼清蒸白鱼清蒸白鱼清蒸白鱼清蒸白鱼</p>
                    </a>
                </li>
            </ul>
        </div>
        <!--                     套餐                         -->
        <div class="set-meal"  th:if="${not #maps.isEmpty(skpros)}">
            <h1>优惠促销</h1>
            <div class="set-meal-list">
                <ul>
<!--            <p th:text="${#maps.size()}"></p>-->
                    <li th:each="skpro:${skpros}">
                        <a th:href="'getSecondOrderDetails?secondId='+${skpro.key.secondKillId}">
                            <div class="tuan">抢</div>
                            <img th:src="${skpro.value.foodMainImg}">
                            <h2 th:text="${skpro.value.foodName}">隐居家宴套餐</h2>
                                <label class="now-price"><span class="mark">￥</span><span th:text="${skpro.key.secondKillPrice}">18</span><!--<span>.00</span>--></label>
                                <label class="old-price"><del><span>￥</span><span th:text="${skpro.value.foodPrice}">20</span><!--<span>.00</span>--></del></label>
                                <label class="had-sell"><span>限量</span><span th:text="${skpro.key.secondKillStock}">3386</span></label>
                            </p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <!--                   菜品 列表                      -->
        <div class="dishesli-all">
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <ul class="layui-tab-title">
                    <li class="layui-this">全部菜品</li>
                    <li>品牌故事</li>
                </ul>
                <div class="layui-tab-content" style="height: 100px;">
                    <div class="layui-tab-item layui-show">
                        <ul class="dishesli-ads">
                            <li th:each="food:${foods}">
                                <a th:href="'http://localhost:8080/fan/shop/'+${food.shopId}+'/'+ ${food.foodId} + '/1'">
                                <img th:src="${food.foodMainImg}">
                                    <p th:text="${food.foodName}">清蒸白鱼</p>
                                    <label><span>￥</span><span th:text="${food.foodPrice}">68</span></label>
                                </a>
                            </li>

                        </ul>
                    </div>
                    <div class="layui-tab-item">
                        <div class="brand-story">
                            <img th:src="${shop.shopMainImg}">
                            <h1 th:text="'关于 '+${shop.shopName}">关于 青鹤谷</h1>
                            <p th:text="${shop.shopDetail}">青鹤谷是一家韩国料理店，位于李公堤三期21幢(近金鸡湖景区)
                                餐厅布置的一片韩式古色古香的味道，外面围墙上有传统的韩风壁画，
                                桌椅板凳都是采用了古朴的木制家具，配着典型传统韩式的装修，整
                                个楼面又极开阔，让人很舒服。
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--                   地图                     -->
    <div class="map">
        <a href="javascript:;" class="closemap"></a>
        <div class="title">
            <h1 th:text="${shop.shopName}">青鹤谷(苏州店)</h1>
            <p>地址：<span th:text="${shop.shopAddressDetail}">李公堤三期21幢(近金鸡湖景区)</span></p>
        </div>
        <div id="container"></div>
        <input type="hidden" th:value="${shop.shopLongitude}" class="longitude">
        <input type="hidden" th:value="${shop.shopLatitude}" class="latitude">
    </div>
<iframe align="center" width="100%" height="560px" src="details/details_bottom.html"
        frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no">
</iframe>

    <!--                   蒙版                     -->
    <script src="https://webapi.amap.com/maps?v=2.0&key=9e22f5fb845cd3a6dd91682f66ace415"></script>
    <script src="layui/layui.js"></script>
    <script src="js/details/details_shop.js"></script>
    <script src="js/elasticsearch_util.js"></script>
</body>
</html>


